<template>
  <div class="login-page">
    <!-- 选项卡 -->
    <el-tabs type="card" v-model="activeName">
      <el-tab-pane label="登录" name="login">
        <!-- 登录组件 -->
        <!-- <Login /> -->
        <login />
      </el-tab-pane>
      <el-tab-pane label="注册" name="register">
        <!-- 注册组件 -->
        <!-- <Register /> -->
        <register />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import Login from "./Login";
import Register from "./Register";
export default {
  // 注册组件
  components: { Login, Register },
  data() {
    return {
      // 默认激活的是login.vue
      activeName: "login",
    };
  },
};
</script>

<style lang="stylus">
.login-page {
  width: 500px;
  background-color: #fff;
  margin: 20px auto;
  box-shadow: 0 0 25px #cac6c6;
  border-radius: 10px;
}
</style>
